<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta content="user-scalable=no,width=device-width, initial-scale=1" id="viewport" name="viewport" initial-scale="1">

<script language="javascript" type="text/javascript" src="../js/js/baseJs.js"></script>

</head>
<body style="background:#fff">
<div class="wap-my-requirements" id="myRequirements" style="display: none;">
    <div class="wap-header" style="background: #000000;">交易明细
        <a class="back" onClick="javascript:window.history.back();return false;"></a>
    </div>
    <div class="my-content-bd" style="position:static;margin-top:1rem" id="requireContent">
      <div >   
        <div class="l-content" v-for="detail  in listData">
          <div class="title" style="border-bottom: .01rem solid#f2f2f2;"> 
              <div>成交时间：{{detail.finishedTime|formatData}}</div>
              <div v-if="detail.sign=='-'" style="color:seagreen;min-width: 1.8rem;display: flex;flex-direction: row;justify-content: flex-end;">
				  <div >{{detail.sign}}</div>		
				  {{detail.jzzNumber}}枚
			  </div>
			  <div v-else style="color:firebrick;min-width: 1.8rem;display: flex;flex-direction: row;justify-content: flex-end;">
				  <div >{{detail.sign}}</div>
				  {{detail.jzzNumber}}枚
			  </div>
          </div>          
          <div style="display: flex;flex-direction: row;margin: .1rem .4rem 0;">
			  订单号：{{detail.no}}
		  </div>
		  <div  style="display: flex;flex-direction: row;margin: 0rem .4rem .1rem;">
				成交价格：
				{{detail.jzzTotalPrice}}
		  </div>		 
		  
        </div>
      </div>
    </div>
    <div class="wap-warning-message" v-if="messageContent">{{messageContent}}</div>
</div>
<script src="../js/js/rem_fix.js"></script>
<script src="../js/js/common.js"></script>
<script type="text/javascript">
   var token=getCookie("userToken");
   console.log(token)
   var userId=getCookie("userId");
   console.log(userId)
   var loginUrl="../userBundle/login.mobile.html"+"?"+"../userBundle/jzzDetail.mobile.html";
   if(!token||!userId){
      window.location.href =loginUrl;
   }
  
  var uploadPayInfoApp = new Vue({
      el: '#myRequirements', 
      data: {
           listData:[],
           page:1,
           isDoingRefresh:false,
           isDoingloding:false,
           messageContent:''
      },
      ready:function(){
        $("#myRequirements").show();
          var url="/jzz/doneBusiness";
          var data={         
              client: 1,
              token: token,
              userId: userId,
			  page:1,
			  size:1000
            };
            pushData(url,data,function(res){
               if(res.state){
				 this.listData=res.data.business.sales
               }else{
				 alert(res.message);
               }
            }.bind(this));

      },
      filters:{
       
        formatData:function(key){
          return formatDate(key)
        }
      },  
      methods:{
         
             
      }
    });

</script>

</body>
</html>